<template>
        <div class="home-container">


             <!-- 轮播图区域 -->
               <swiper :fullwith='true'></swiper>


		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
		                    <img src="../../images/menu1.png" alt="">
		                    <div class="mui-media-body">新闻资讯</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photolist">
		                   <img src="../../images/menu2.png" alt="">
		                    <div class="mui-media-body">图片分享</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodslist">
		                    <img src="../../images/menu3.png" alt="">
		                    <div class="mui-media-body">商品购买</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                   <img src="../../images/menu4.png" alt="">
		                    <div class="mui-media-body">留言反馈</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img src="../../images/menu5.png" alt="">
		                    <div class="mui-media-body">视频专区</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../images/menu6.png" alt="">
		                    <div class="mui-media-body">联系我们</div></a></li>
		          
		        </ul> 



        </div>
</template>



<script>

import { Toast } from "mint-ui";
import swiper from '../subcomponents/swiper.vue'
export default {
         data:function() {
            return{
                lunbotuList:[]
            }
        },

        created() {
                this.getLunboList()

        },

        methods: {
             getLunboList() {
                 for(var i = 0 ; i<10 ; i++) {
                       this.lunbotuList.push({id:i});         
                 }    
             }
        },
        components: {
           swiper
        }
}
</script>


<style lang="less" scoped>

                      
              
                .mint-swipe {
                        height: 200px;
                        .mint-swipe-item {
                                &:nth-child(odd) {
                                  background-color: yellowgreen;
                                }
                                &:nth-child(even) {
                                  background-color: pink;
                                }
                                img {
                                   width: 100%;
                                   height: 100%;
                                }
                        }
                }

                
                       
                        .mui-grid-view.mui-grid-9 {
                                background-color: #fff;
                                border: none;
                          img {
                                  width: 60px;
                                  height: 60px;  
                           }

                           .mui-table-view-cell {
                                   border: none;
                           }

                        

  }
</style>